<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="../../../public/stylesheets/style_main.css" />
<title>Disponibilidad de Docente</title>

<!-- Escrip Pol -->
<script language="javascript">
 var date = '${date}';
 var periodo = '${periodo}';
  if(date!=""){
     alert("Ud ya ha enviado su disponibilidad para el periodo "+periodo+"\n               Fecha que envió: "+date);
     window.location="replay";
 } 
</script>

<script language="javascript">
 var msj = '${msj}';
 if(msj!="ok"){
     alert(msj);
     window.location="out";
 } 
</script>

<script language="javascript">
var mensaje = '${mensaje}';
var preferences = '${preferences}';
var tipo = '${tipo}';
var cont = '${cont}';
if(mensaje!=""){
    
if(tipo==2){
if (confirm('¿Está seguro que desea enviar ésta disponibilidad?\n\n'+mensaje+'\nTotal de Horas: '+cont+'\n\nPreferencia de Cursos:\n\n'+preferences))
{window.location="registrar";}
else
{history.back();}
}else{
   if(tipo==1){
    alert(mensaje);
    history.back();
   } 
}
}
</script>
<!-- Fin Escript-->
</head>

<body>
    <div id="page">
		
        <div id="header">
            
         <table width="300" border="0" align="right">
              <tr>
                  <th>&nbsp;</th>
                  <th>&nbsp;</th>
              </tr>
              <tr>
                  <th>SEMESTRE :</th>
                  <th>${SA.sem_vcNombre}</th>
              </tr>
	      <tr>
		<th>INICIO :</th>
                <th>${SA.getInicio()}</th>
              </tr>
              <tr>
                <th>FIN :</th>
                <th>${SA.getFin()}</th>
              </tr>
              <tr>
    		<th>DOCENTE :</th>
    		<th>${DC.doc_vcNombres}, ${DC.doc_vcApellidoPaterno} ${DC.doc_vcApellidoMaterno}</th>
              </tr>
              <tr>
                <th>CODIGO :</th>
                <th>${DC.doc_vcCodigo}</th>
              </tr>
              <tr>
              <th>FECHA ACTUAL :</th>
                <th>
                	<script>
						var f = new Date();						
							hora = new Date();
							var minutos = hora.getMinutes ();
							if (minutos<=9) minutos = "0" + minutos;
							document.write(f.getDate() + "/" + (f.getMonth() +1) + "/" + f.getFullYear()+" Hora: "+hora.getHours()+":"+minutos);
													
						</script>
                   
                </th>                
              </tr>
	</table>
            
        	<div id="headerTitle">&nbsp;</div>
            <div id="headerSubText">&nbsp;</div>
            
        </div>
        <div id="bar">

            <div class="navLink"><a href="#">Inicio</a></div>
            <div class="navLink"><a href="PerfilDocente">Mi perfil</a></div>
            <div class="navLink"><a href="disponibilidad"> Disponibilidad Horaria</a></div>
            <div class="navLink"><a href="ayuda">Ayuda</a></div>
            <div class="navLink"><a href="@{Secure.logout()}">Salir</a></div>
            
      </div>
      
      <form id="form1" name="form1" method="post" action="disponibilidad">
        <div class="contentTitle"><h1>INSTRUCCIONES DE LLENADO</h1></div>
      <div class="contentText">
          
    
    <ul>
      <li>Los profesores a tiempo completo deben marcar como mínimo una mañana y una tarde en la semana </li>
      <li>Los profesores a tiempo completo y dedicación exclusiva deben marcar más de 30 horas a la semana.</li>
      <li>De preferencia deben ser horas contiguas que no superen las 8 horas diarias. </li>
      <li>Los profesores a tiempo parcial deben marcar más de 15 horas a la semana. </li>
     </ul>
    <br/>
    
     <table width="600" border="1" align="center" bordercolor="#0099FF">
    <tr>
      <td     scope="col"> HORA</td>
      <td   scope="col"> LUNES </td>
      <td   scope="col"> MARTES </td>
      <td   scope="col"> MIERCOLES </td>
      <td   scope="col"> JUEVES </td>
      <td   scope="col"> VIERNES </td>
      <td   scope="col"> SABADO </td>
      <td   scope="col"> DOMINGO </td>
    </tr>
        %{
            tmp= 1;
        }%
        
        #{list items:8..21, as:'i'}
            
         <tr>
           <td   scope="row">  
               
               ${i}-${i+1} 
               #{if i>12}
                   pm
                #{/if}
                #{else}
                    am
                #{/else}
           </td>
           %{
               tmp2=tmp ;
            }%
             #{list items:plantillas, as:'dia'}
                #{if dia.pla_sElegido=='si' && dia.pla_iHoraInicioClases <= i  && dia.pla_iHoraFinClases >= i+1 }
                   <td scope="row"> <input type="checkbox" name="checkbox${tmp2}" id="checkbox${tmp2}"  /> </td>
                #{/if} 
                #{else}
                    <td scope="row"> </td>
                #{/else}
                %{
               tmp2=tmp2+14 ;
            }%
            #{/list}
          %{
               tmp=tmp+1 ;
            }%
        </tr>
        #{/list}
        
   
  </table>
 
    
     
          
        
      </div>
      <div class="contentTitle"><h1>CURSOS DE PREFERENCIA</h1></div>
      <div class="contentText">
      
  <table width="600" border="1" align="center" bordercolor="#0099FF">
    <tr>
      <td width="90" scope="col">&nbsp;</td>
      <td width="152"   scope="col"> Facultad </td>
      <td width="168"   scope="col"> Escuela Profesional </td>
      <td width="112"   scope="col"> Nombre del Curso </td>
    </tr>
    <tr>
      <td scope="row">Primer Curso</td>
      <td>
        <select name="select1" id="select1">
          <option selected="selected">Seleccionar</option>
          <option>Fac. Ing. Sistemas</option>
          <option>Facultad A</option>
          <option>Facultad B</option>
        </select>
         
         </td>
      <td> 
        <select name="select4" id="select4">
          <option selected="selected">Seleccionar</option>
          <option>EAP Ing de Software</option>
          <option>EAP Ing de Sistemas</option>
        </select>
         
         </td>
      <td> 
         
        <select name="select7" id="select7">
          <option>Seleccionar</option>
          <option>Curso X</option>
          <option>Curso Y</option>
        </select>
         
           </td>
    </tr>
    <tr>
      <td scope="row">Segundo Curso</td>
      <td> 
        <select name="select2" id="select2">
          <option selected="selected">Seleccionar</option>
          <option>Fac. Ing. Sistemas</option>
          <option>Facultad A</option>
          <option>Facultad B</option>
        </select>
         
           </td>
      <td> 
        <select name="select5" id="select5">
          <option selected="selected">Seleccionar</option>
          <option>EAP Ing. de Software</option>
          <option>EAp Ing. de Sistemas</option>
        </select>
         
         </td>
      <td> 
         
        <select name="select8" id="select8">
          <option>Seleccionar</option>
          <option>Curso X</option>
          <option>Curso Y</option>
        </select>
         
           </td>
    </tr>
    <tr>
      <td scope="row">Tercer Curso</td>
      <td> 
         
        <select name="select3" id="select3">
          <option selected="selected">Seleccionar</option>
          <option>Fac. Ing. Sistemas</option>
          <option>Facultad A</option>
          <option>Facultad B</option>
        </select>
         
           </td>
      <td> 
         
        <select name="select6" id="select6">
          <option selected="selected">Seleccionar</option>
          <option>EAP Ing. de Software</option>
          <option>EAP Ing. de Sistemas</option>
        </select>
         
         </td>
      <td> 
         
        <select name="select9" id="select9">
          <option>Seleccionar</option>
          <option>Curso X</option>
          <option>Curso Y</option>
        </select>
         
           </td>
    </tr>
    <tr>
    	<td colspan="2">    <input type="submit" name="button" id="button" value="Enviar Información" />
        </td>
        <td colspan="2">   <input name="boton" type="button" onclick = "location='dispoAnterior'" id="boton" value="Ver disponibilidad Anterior">
        </td>
    </tr>
  </table>
   
    <p>&nbsp;</p>
      </div>
       </form>
		

</div>
        <div id="footer"><a href="http://www.unmsm.edu.pe">Copyright</a> | <a href="http://www.unmsm.edu.pe">Universidad Nacional Mayor de San Marcos</a> |Ing. Software</a> | </div>
</body>
</html>
